<template>
  <div id="app">
    <p class="title">
      <i class="iconfont">&#xe631</i>
      <span>入口1:index</span>
    </p>
    <!-- <img  v-lazy="require('https://t9.baidu.com/it/u=2268908537,2815455140&fm=79')" key="1"/> -->
    <router-view></router-view>
  </div>
</template>

<script>
    export default {
        name: "App",
        components: {},
        mounted() {
            console.log(this.$store.state.todoList)
        }
    };
</script>

<style lang="less" scoped>
    @import "../../assets/css/index.less";
    @bg: "../../assets/img/bg";
    .title i,
    .title span {
        font-size: @fontSize;
        color: @color;
    }
    
    #app {
        height: 100%;
        width: 100%;
        background-image: url("@{bg}.jpg");
        background-size: cover;
        background-repeat: no-repeat;
    }
</style>